@charset "utf-8";
/***************滚轮************/
.item{
    img:hover{
        opacity: 1;
    }
}
/***************第一个************/
.one{
    padding-bottom: 20px;
    .remen{
        width: 40px;
    }
    .shang{
        margin-top: -50px;
        .game_01{
            transition: all 800ms ease-in-out;
            &:hover{
                opacity: 1;
                transform: translate(30px) rotateY(20deg);
                transition: all 800ms ease-in-out;
            }
        }
    }
}
.qingchu{
    margin-right: 0px;
}
.right{
    text-align: right;
}
.name{
    font-size: 30px;
    color: #2a2a2a;
}
.neirong{
    font-size: 12px;
    color: #898989;
    line-height: 30px;
}
.right{
    text-align: right;
}
.left{
    text-align: left;
}
.jianju{
    padding-right: 18px;
    padding-bottom: 20px;
}
/***************第二个************/
.two{
    padding-top: 30px;
    padding-bottom: 20px;
    .game_02{
        transition: all 800ms ease-in-out;
        &:hover{
            opacity: 1;
            transform:  rotateY(200deg);
            transition: all 800ms ease-in-out;
        }
    }
}
/***************更多案例************/
.gengduo{
    padding-bottom: 50px;
    .font_gd{
        font-size: 36px;
        color: #010101;
        padding-bottom: 20px;
    }
    .juli{
        padding: 0px 20px 20px 20px;
    }
    .tu{
        position: relative;
        width: 100%;
        border-radius: 10px;
        overflow: hidden;
        .zhezhao{
            position: absolute;
            top:0;
            right: 100%;
            width: 100%;
            height: 100%;
            border-radius: 10px;
            background: rgba(0,0,0,.7);
            color: #fff;
            .jieshao{
                font-size: 12px;
                line-height: 20px;
                padding: 10px 10px 0 10px;
                text-align: left;
            }
        }
        &:hover{
            .zhezhao{
                right: 0;
                transition: all 500ms ease-out;
            }
        }
        
    }
    .game_name{
        font-size: 14px;
        color: #2a2a2a;
        text-align: center;
        padding-top: 15px;
    }
}
/**设配**/
@media(max-width:768px){
    .game_01{
        width: 360px;
        height: 450px;
    }
}
